<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多背景图</title>
    <style>
      div {
        width: 400px;
        height: 400px;
        border: 1px solid black;
        /* 可以用这种方式 去做一个多背景图 */
        background: url("../images/bg-lt.png") left top no-repeat,
                    url("../images/bg-rt.png") right top no-repeat,
                    url("../images/bg-lb.png") left  bottom no-repeat,
                    url("../images/bg-rb.png") right  bottom no-repeat;
      }
    </style>
</head>
<body>
  <div></div>
</body>
</html>